<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="favicon/favicon.ico" />
    <script src="/node_modules/jquery/dist/jquery.min.js"></script>
    <script src="/node_modules/jquery-validation/dist/jquery.validate.min.js"></script>
    <script src="icon/iconfont.js"></script>
    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
    <script src="/node_modules/layui-layer/dist/layer.js"></script>
    <link rel="stylesheet" href="css/currency.css">
    <script src="js/utils.js"></script>
    <link rel="stylesheet" href="css/usercenter.css">
    <title>个人中心</title>
</head>

<body>
    <div class="head_navigation">
        <div class="type_area">
            <ul class="nve1">
                <li class="login-rge">
                    <i></i>
                    <a href="usercenter.html"><span></span></a>
                    <a class="del" onclick=outlogin()>退出</a>
                </li>
                <li><a>我的淘宝<i></i></a>
                    <ul class="nve2">
                        <li>还没做</li>
                    </ul>
                </li>
                <li><a>手机淘宝<i></i></a>
                    <ul class="nve2">
                        <li>还没做</li>
                    </ul>
                </li>
                <li><a href="#">收藏淘宝</a></li>
                <li><a href="#">淘宝客服</a></li>
                <li><a href="#"></a></li>
            </ul>
        </div>
    </div>

    <div class="logo">
        <div class="type_area">
            <div id="logo1"><a href="#">淘宝</a></div>

            <div class="suo">
                <div class="suosuo">
                    <form action="#" method="post">
                        <input type="text" name="suotext" placeholder="手机" id="suotext">
                        <input type="button" name="suosuo" value="搜索" id="suobtn">
                    </form>
                </div>
            </div>

            <div class="Shopping">
                <a href="cart.html">购物车<i>0</i>件</a>
            </div>
        </div>
    </div>

    <div class="product_navigation">
        <div class="type_area">
            <ul class="nve1">
                <li> <a href="index.html">首页</a></li>
                <li><a href="list.html">列表页</a></li>
                <li id="active"><a href="#">个人中心</a></li>
            </ul>
        </div>
    </div>

    <div class="content">
        <div class="type_area">
            <p class="nveslist">您当前的位置：<a href="index.html">淘宝</a>/<a id="active">个人中心</a>
            </p>
            <div class="lists">
                <div class="box">
                    <h3>订单中心</h3>
                    <ul>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">我的订单</a></li>
                    </ul>
                </div>
                <div class="box">
                    <h3>个人中心</h3>
                    <ul>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">我的订单</a></li>
                    </ul>
                </div>
                <div class="box">
                    <h3>售后服务</h3>
                    <ul>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">我的订单</a></li>
                    </ul>
                </div>
                <div class="box">
                    <h3>订单中心</h3>
                    <ul>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">我的订单</a></li>
                    </ul>
                </div>
            </div>
            <div class="settlement">

                <div class="users">
                    <input type="file" class="upload" name="image">
                    <button type="button" class="sub"></button>
                    <div id="headupload">
                        <span>修改头像>></span>
                        <img src="" alt="">
                        <p class="title">头像上传仅支持 png , gif , jpg 格式!</p>
                    </div>
                    <div class="user">
                        <h3></h3>
                        <span></span>
                        <p><a href="userupdata.html">修改个人信息&gt;</a> </p>
                    </div>
                    <div class="user-tel">
                        <h3>账户安全：<span>普通</span></h3>
                        <span>绑定手机：<i></i></span>
                        <p>绑定邮箱: <span></span></p>
                    </div>
                </div>

                <div class="users-order">
                    <img src="imges/8186b993-105f-4398-90b3-b8a7ceafb45c.png" alt="">
                    <div class="user">
                        <h3>待支付的订单: <span>0</span> </h3>
                        <p><a href="#">查看待支付订单&gt;</a> </p>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="bottom">
        <div class="type_area">
            <p>
                <a href="javasript:void(0)">联系淘宝</a>
                <a href="javasript:void(0)">开放平台</a>
                <a href="javasript:void(0)">法律声明</a>
                <a href="javasript:void(0)">廉政举报</a>
                <a href="javasript:void(0)">阿里巴巴集团</a>
            </p>
        </div>
    </div>

</body>

</html>

<script src="js/username.js"></script>
<script src="js/usercenter.js"></script>